scrollBox = {
	allScrollBoxs : new Array(),
	init : function () {
			var OneScrollBox = function (e) {
				e.offX=e.offsetLeft;
				e.offY=e.offsetTop;
				e.scrollBoxMove = function(){
					var x=this.offX, y=this.offY;
					this.style.position="absolute";
					x += document.body.parentNode.scrollLeft;
					y += document.body.parentNode.scrollTop;
					this.style.left=x+"px";
					this.style.top=y+"px";
				}
			}
			allDivs=document.getElementsByTagName("div");
			for(var i=0;i<allDivs.length;i++){
				if(allDivs[i].className.match(/(ScrollBox)/)){
					OneScrollBox(allDivs[i]);
					scrollBox.allScrollBoxs.push(allDivs[i]);
				}
			}
			Event.observe(window,'scroll',scrollBox.moveScrollBoxs);
	},
	moveScrollBoxs:function() {
		for(var i=0;i<scrollBox.allScrollBoxs.length;i++){
			scrollBox.allScrollBoxs[i].scrollBoxMove();
		}
	}
}
Event.observe(window,'load',scrollBox.init);
////////// HTML PART ////////
<div id="quikmenu" class="ScrollBox SBox_first">
	<div id="quik_top" ></div>
	<div id="quik_content">
		<div id="quikprod">
			<div class="quik_btn"><a href="#"><img src="{URL_IMAGES}quik_btn01.gif" /></a></div>
			<!--{@ ROW_TGOODS}-->
				<div class="quikprod_photo">{ROW_TGOODS.GPIC}</div>
			<!--{/}-->
			<div class="quik_btn"><a href="#"><img src="{URL_IMAGES}quik_btn02.gif" /></a></div>
		</div>
	</div>
	<div id="quik_bottom"></div>
	<div id="quik_topbtn">
		<a href="#"><img src="{URL_IMAGES}quik_topbtn.gif" /></a>
	</div>
</div>

////////// CSS PART //
.ScrollBox{
  position:absolute;
}
.SBox_first { right:-10px;top:129px; }
.SBox_second { left:10px;top:30px; }
//////